<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" type="text/css" href="css/public/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/public/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/loginRegist.css"/>
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script src="laydate/laydate.js"></script> 
		<script type="text/javascript" src="js/pageJs/loginRegist.js"></script>
	</head>
	<body>
		<!--header start-->
		<header>
			<div class="container clearfix">
				<div class="logo fl-l">
					<a href="indexPage.html"><img src="images/logo.png"/></a>
				</div>
				<div class="goLogin fl-r">
					<p>已有账号？直接<a href="login.html">登录</a></p>
				</div>
			</div>
		</header>
		<!--header end-->
		
		<!--content start-->
		<div class="contentRegister">
			<div class="registerForm">
				<p class="title">新用户注册</p>
				<form class="" id="registForm">
					<table width='100%'>
						<tr>
							<td style="text-align:right;width:35%;">上级分销商代码&nbsp;&nbsp;</td>
							<td><input type="text" class="form-control inputB" name="parentId" placeholder="上级分销商代码"></td>
						</tr>
						<tr>
							<td style="text-align:right;">用户名&nbsp;&nbsp;</td>
							<td> <input type="text" class="form-control inputB" name="loginName" placeholder="用户名"></td>
						</tr>
						<tr>
							<td style="text-align:right;">密码&nbsp;&nbsp;</td>
							<td>
								<div class="form-group">
								    <input id="firsePsw" type="password" class="form-control inputB" name="loginPassword"  placeholder="设置密码">
								</div>
							</td>
						</tr>
						<tr>
							<td style="text-align:right;">确认密码&nbsp;&nbsp;</td>
							<td> 
								<div class="form-group has-info has-feedback">
									<input id="secPsw" type="password" class="form-control inputB" aria-describedby=""  placeholder="确认密码">
								  	<span class="glyphicon glyphicon-ok form-control-feedback " id="isRightPassword" style="color: #66AFE9;width:70%;"></span>
								  	<span id="inputSuccess2Status" class="glyphicon glyphicon-remove" style="color: #E82C2C;width:70%;display:none;"></span>
								</div>
								
							</td>
						</tr>
						<tr>
							<td style="text-align:right;">手机号&nbsp;&nbsp;</td>
							<td> <input id="telNum" type="tel" class="form-control inputB" name="phone" placeholder="手机号"></td>
						</tr>
						<tr>
							<td style="text-align:right;">邮箱&nbsp;&nbsp;</td>
							<td> <input type="email" class="form-control inputB" name="email" placeholder="邮箱"></td>
						</tr>
						<tr>
							<td style="text-align:right;">性别&nbsp;&nbsp;</td>
							<td> 
								<select name="gender" class="form-control info inputB" id="gender">
									<option value="1">女</option>
									<option value="0">男</option>
								</select>
							</td>
						</tr>
						<tr>
							<td style="text-align:right;">生日&nbsp;&nbsp;</td>
							<td> 
								<input type="text" class="demo-input form-control inputB" name="birthDay"  placeholder="请选择日期" id="test1">
							</td>
						</tr>
						<!-- <tr>
							<td></td>
							<td>
								<p>已有账号？<a href="login.html">直接登录</a></p>
							</td>
						</tr> -->
					</table>
					<!-- <div class="form-group input-group">
						<span class="input-group-addon"><i class="fa fa-user"></i></span>
					    <input type="email" class="form-control" name="parentId" placeholder="上级分销商代码">
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon"><i class="fa fa-user"></i></span>
					    <input type="email" class="form-control" name="loginName" placeholder="用户名">
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon"><i class="fa fa-lock"></i></span>
					    <input id="firsePsw" type="password" class="form-control" name="loginPassword"  placeholder="设置密码">
					</div>
					
					<div class="form-group has-info has-feedback input-group">
						<span class="input-group-addon"><i class="fa fa-lock"></i></span>
						<input id="secPsw" type="password" class="form-control" aria-describedby="inputSuccess2Status"  placeholder="确认密码">
					  	<span class="glyphicon glyphicon-ok form-control-feedback" id="isRightPassword" style="color: #66AFE9;"></span>
					  	<span id="inputSuccess2Status" class="sr-only">两次密码不一样</span>
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon"><i class="fa fa-tablet"></i></span>
					    <input id="telNum" type="tel" class="form-control" name="phone" placeholder="手机号">
					</div>
					<div class="form-group input-group">
					    <input id="telNum" type="tel" class="form-control"  placeholder="短信验证码">
					    <span class="input-group-btn"><button type="button" class="btn btn-info">获取验证码</button></span>
					</div>
					<div class="form-group">
						<p>已有账号？<a href="login.html">直接登录</a></p>
					</div> -->
					<button type="button" class="btn btn-danger " id="registeBtn">注册</button>
				</form>
			</div>
		</div>
		
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">
							
						</h4>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" id="sureLoginBtn" data-dismiss="modal">确定
						</button>
						<button type="button" class="btn btn-default"  id="cancelHrefBn" data-dismiss="modal">
							取消
						</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>
		<!--content end-->
		
		<!--footer start-->
		<footer>
			<div class="footerBottom">
				<p>© 2013-2017 ailebebe. All Rights Reserved. (粤ICP备13088308号-1) </p>
   				<p>重庆市渝中区大坪英利国际  <a href="../home/login.html" style="color:#26ADDC">[管理]</a></p>
			</div>
		</footer>
		<!--footer end-->
		
		<script>
			$(document).ready(function(){
				lay('#version').html('-v'+ laydate.v);
				
				//执行一个laydate实例
				laydate.render({
				  elem: '#test1' //指定元素
				});
			  }); 
		</script>
	</body>
</html>
